//超出省略
.ellipsis {
  display: -webkit-box; //必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。
  //-webkit-box-orient //必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。
  text-overflow: ellipsis; //，可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。
  overflow: hidden;
  -webkit-line-clamp: 1; //第几行显示缩略符号
  -webkit-box-orient: vertical;
}

.min-height {
  min-height: 100vh;
}

img.missing {
  /* Same as first example */
  min-height: 3em;
  min-width: 3em;
  position: relative;

  &:before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: calc(100% - 4px);
    width: calc(100% - 4px);
    background-color: rgb(230, 230, 230);
    border: 2px dotted rgb(200, 200, 200);
    border-radius: 5px;
  }

  &:after {
    content: "缺少图片";
    display: block;
    font-size: 16px;
    line-height: 1em;
    font-style: normal;
    color: rgb(100, 100, 100);
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translate(0, -50%);
  }
}




